layui.use(['element', 'layer', 'util'], function(){
    var element = layui.element;
    var layer = layui.layer;
    var util = layui.util;
    var $ = layui.$;
    var upload = layui.upload;
  
  
    // 文件上传
    var uploadListIns = upload.render({
      elem: '#ID-upload-demo-drag',
      elemList: $('#ID-upload-demo-files-list'), // 列表元素对象
      url: '/upload', // 实际使用时改成您自己的上传接口即可。
      accept: 'file',
      multiple: true,
      number: 3,
      auto: false,
      bindAction: '#ID-upload-demo-files-action',
      choose: function(obj){   
        var that = this;
        var files = this.files = obj.pushFile(); // 将每次选择的文件追加到文件队列
        // 读取本地文件
        obj.preview(function(index, file, result){
          var tr = $(['<tr id="upload-'+ index +'">',
            '<td>'+ file.name +'</td>',
            '<td>'+ (file.size/1024).toFixed(1) +'kb</td>',
            '<td><div class="layui-progress" lay-filter="progress-demo-'+ index +'"><div class="layui-progress-bar" lay-percent=""></div></div></td>',
            '<td>',
              '<button class="layui-btn layui-btn-xs demo-reload layui-hide">重传</button>',
              '<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>',
            '</td>',
          '</tr>'].join(''));
          
          // 单个重传
          tr.find('.demo-reload').on('click', function(){
            obj.upload(index, file);
          });
          
          // 删除
          tr.find('.demo-delete').on('click', function(){
            delete files[index]; // 删除对应的文件
            tr.remove(); // 删除表格行
            // 清空 input file 值，以免删除后出现同名文件不可选
            uploadListIns.config.elem.next()[0].value = ''; 
          });
          
          that.elemList.append(tr);
          element.render('progress'); // 渲染新加的进度条组件
        });
      },
      done: function(res, index, upload){ // 成功的回调
        layer.alert('上传成功')
        $('.test_result').html('<div style="text-align: center; margin-top: 50px;">用例正在执行,请等待结果\
                <i class="layui-icon layui-icon-loading layui-anim layui-anim-rotate layui-anim-loop" style="color: rgb(15, 173, 26);"></i>\
                </div>')
        $.ajax({
          url: '/run_test', // 替换为实际的结果获取接口
          type: 'post',
          dataType: 'json',
          success: function(response) {
              // 成功获取结果后，更新 .test_result 的内容
              console.log(response);
              $('.test_result').html('<div style="text-align: center; margin-top: 50px;">' + response.total + '</div>');
          },
          error: function(xhr, status, error) {
              // 处理错误情况
              $('.test_result').html('<div style="text-align: center; margin-top: 50px; color: red;">获取结果失败: ' + error + '</div>');
          }
      });
        var that = this;
        var tr = that.elemList.find('tr#upload-'+ index);
        var tds = tr.children();
        tds.eq(3).html(''); // 清空操作
        delete this.files[index]; // 删除文件队列已经上传成功的文件
        

      },
      allDone: function(obj){ // 多文件上传完毕后的状态回调
        console.log(obj)
      },
      error: function(index, upload){ // 错误回调
        var that = this;
        var tr = that.elemList.find('tr#upload-'+ index);
        var tds = tr.children();
         // 显示重传
        tds.eq(3).find('.demo-reload').removeClass('layui-hide');
      },
      progress: function(n, elem, e, index){ // 注意：index 参数为 layui 2.6.6 新增
        element.progress('progress-demo-'+ index, n + '%'); // 执行进度条。n 即为返回的进度百分比
      }
    });
    
  
  
    layui.use(['element'], function(){
      var $ = layui.$;
  
      // 绑定导航菜单项的点击事件
      $('.layui-nav-child dd a').on('click', function() {
        var contentId = $(this).data('content'); // 获取要显示的内容区域的ID
        $('.content-item').removeClass('layui-show'); // 隐藏所有内容区域
        $('#' + contentId).addClass('layui-show'); // 显示对应的内容区域
  
        // 当切换到 content1 或 content2 时，更新 iframe 内容
        if (contentId === 'content1' || contentId === 'content2') {
          $('#' + contentId + ' .iframe-container').hide(); // 隐藏 iframe
          $('#' + contentId + ' .default-content').show(); // 显示默认内容
        } else {
          $('#' + contentId + ' .iframe-container').show(); // 显示 iframe 容器
          $('#' + contentId + ' .default-content').hide(); // 隐藏默认内容
        }
      });
  
      // 绑定“今日头条”点击事件
      $(document).on('click', '.wangjiaxing', function(event) {
        event.preventDefault(); // 防止默认的跳转行为
        $(this).closest('.content-item').find('.content-iframe').attr('src', 'lianxi/ceshi.html'); // 加载外部内容到 iframe
        $(this).closest('.content-item').find('.iframe-container').show(); // 显示 iframe
        $(this).closest('.content-item').find('.default-content').hide(); // 隐藏默认内容
      });
  
      $(document).on('click', '.wangjiaxing1', function(event) {
        event.preventDefault(); // 防止默认的跳转行为
        $(this).closest('.content-item').find('.content-iframe').attr('src', 'dd/aa.html'); // 加载外部内容到 iframe
        $(this).closest('.content-item').find('.iframe-container').show(); // 显示 iframe
        $(this).closest('.content-item').find('.default-content').hide(); // 隐藏默认内容
      });
  
      // 确保初始状态
      $('#content0').addClass('layui-show'); // 确保默认显示 content0
      $('.iframe-container').hide(); // 默认隐藏 iframe
  
      // 绑定 layout demo 点击事件
      $('.shouye').on('click', function() {
        $('.content-item').removeClass('layui-show'); // 隐藏所有内容区域
        $('#content0').addClass('layui-show'); // 显示内容0
      });
    });
    
    //头部事件
    util.event('lay-header-event', {
      menuLeft: function(othis){ // 左侧菜单事件
        layer.msg('展开左侧菜单的操作', {icon: 0});
      },
      menuRight: function(){  // 右侧菜单事件
        layer.open({
          type: 1,
          title: '更多',
          content: '<div style="padding: 15px;">处理右侧面板的操作</div>',
          area: ['260px', '100%'],
          offset: 'rt', // 右上角
          anim: 'slideLeft', // 从右侧抽屉滑出
          shadeClose: true,
          scrollbar: false
        });
      }
    });
  });